<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="format-detection" content="telephone=no" />
    <title>TESCO移动商城-个人中心</title>

    <!-- 1. 引入重置样式表 -->
    <link rel="stylesheet" href="./css/normalize.css" />

    <!-- 2. 引入字体图标样式表 -->
    <link rel="stylesheet" href="./lib/font/iconfont.css" />

    <!-- 3. 引入公共样式表 -->
    <link rel="stylesheet" href="./css/common.css" />

    <!-- 4. 引入插件样式表 -->

    <!-- 5. 引入头部样式表 -->

    <!-- 6. 引入当前页面样式表 -->
    <link rel="stylesheet" href="./css/my.css" />

    <!-- 7. 引入页脚样式表 -->
    <link rel="stylesheet" href="./css/footer.css" />
  </head>

  <body class="flexDc jcsb mBody">
    <!-- 头部 -->
    <header class="bgff">
      <div class="w96 flex aic">
        <img src="./images/avatar.svg" alt="图片加载失败" />
        <div>
          <p>李寻欢</p>
          <p>136****1289</p>
        </div>
      </div>
    </header>

    <!-- 主要内容 -->
    <main class="flex1 ofs">
      <ul class="my-nav flex bgff">
        <li class="flex1 flexDc flexC">
          <i class="iconfont icon-pay"></i>
          <span>代付款</span>
        </li>
        <li class="flex1 flexDc flexC">
          <i class="iconfont icon-deliver-goods"></i>
          <span>待发货</span>
        </li>
        <li class="flex1 flexDc flexC">
          <i class="iconfont icon-take-goods"></i>
          <span>待收货</span>
        </li>
        <li class="flex1 flexDc flexC">
          <i class="iconfont icon-finished"></i>
          <span>已完成</span>
        </li>
      </ul>

      <div class="bgff">
        <ul class="my-list w96">
          <li class="flex aic">
            <i class="iconfont icon-order fs26 ce43 tac"></i>
            <span class="flex1 fs16">我的订单</span>
            <i class="iconfont icon-right-arrow fs24 ccc tac"></i>
          </li>
          <li class="flex aic">
            <i class="iconfont icon-address fs26 ce43 tac"></i>
            <span class="flex1 fs16">地址管理</span>
            <i class="iconfont icon-right-arrow fs24 ccc tac"></i>
          </li>
          <li class="flex aic">
            <i class="iconfont icon-collect fs26 ce43 tac"></i>
            <span class="flex1 fs16">我的收藏</span>
            <i class="iconfont icon-right-arrow fs24 ccc tac"></i>
          </li>
          <li class="flex aic">
            <i class="iconfont icon-customer-service fs26 ce43 tac"></i>
            <span class="flex1 fs16">联系客服</span>
            <i class="iconfont icon-right-arrow fs24 ccc tac"></i>
          </li>
        </ul>
      </div>
    </main>

    <!-- 页脚 -->
    <footer class="flex c8b">
      <a class="flex1 flexDc aic c8b" href="./index.html">
        <i class="iconfont icon-index fs20"></i>
        <span>首页</span>
      </a>
      <a class="flex1 flexDc aic c8b" href="./category.html">
        <i class="iconfont icon-classification fs20"></i>
        <span>分类</span>
      </a>
      <a class="flex1 flexDc aic c8b" href="./shopCar.html">
        <i class="iconfont icon-shop-car fs20"></i>
        <span>购物车</span>
      </a>
      <a class="flex1 flexDc aic c8b" href="./my.html">
        <i class="iconfont icon-my fs20"></i>
        <span>我的</span>
      </a>
    </footer>

    <!-- 页面特效部分 -->

    <!-- 引入jQuery -->

    <!-- 引入validate -->

    <!-- 引入插件 -->

    <!-- 引入公共js -->

    <!-- 引入首页js -->
  </body>
</html>
